<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>string_obj</title>
</head>
<body>
    <div id="tip"></div>
    <div>
        <label for="txt"></label><input type="text" id="txt">
    </div>
    <script>
        var str="hello"
        var tips=document.getElementById("tip")
        var txt=document.getElementById("txt")
        var text={
            to_up:function (){
                // 转换成大写
                return txt.value.toUpperCase()
            }
            ,
            to_low:function (){
            //     转换成小写
                return txt.value.toLowerCase()
            }
            ,
            index_number:function (){
                // 返回字符串的起始的下标,如果没有找到则返回-1,非贪婪匹配机制 从前往后
                return txt.value.indexOf("h")
            }
            ,
            last_index:function (){
                // 返回字符串最后一次出现的起始字符的下标,从后往前
                return txt.value.lastindexof("h")
            }
            ,
            intercepting:function (){
                // 字符串切片
                return txt.value.substring(1,4)
            }
            ,
            spared:function (){
            //     字符串分割,以&分割
                return txt.value.split("&")
            }

        }
        txt.oninput=function (){
            // tips.innerText=text.to_low()
            // tips.innerText=text.intercepting()
            tips.innerText=text.spared()
        }
    </script>
</body>
</html>